<template>
	<view class="wrap" :style="{ height: height }">
		<!-- <view class="banner" :style="{ background: `url(${statics.$memberDay}) no-repeat top`, backgroundSize: '100% 75%' }"> -->
        <view class="banner" :style="{ background: `url(${imgs}) no-repeat top`, backgroundSize: '100% 75%' }">
			<view class="banner-content">
				<view class="banner-block flex flex-direction align-center justify-center">
					<h2>满500减200</h2>
					<text>
						Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices
						gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis.
					</text>
				</view>
				<view class="banner-block flex flex-direction align-center justify-center">
					<h2>Lorem Ipsum</h2>
					<text>
						Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices
						gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis.
					</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
import statics from '@/staticBG';
export default {
	data() {
		return {
            imgs:'../../../static/online/vipday.png',
			statics,
			height: '667px'
		};
	},
	onLoad() {
		let sysheight = uni.getSystemInfoSync().windowHeight;
		this.height = `${sysheight}px`;
	},
	methods: {}
};
</script>

<style lang="scss" scoped>
.wrap {
	background-color: #e22846;
	background: linear-gradient(90deg, #c9223c, #e22846);
}
.banner {
	position: relative;
	height: 100%;
	.banner-content {
		position: absolute;
		top: 42%;
		left: 0;
		width: 100%;
		color: white;
		padding: 0 44rpx;
		.banner-block {
			margin-bottom: 55rpx;
		}
		h2 {
			margin-bottom: 20rpx;
			color: #fefcfb;
			font-size: 43rpx;
		}
		text {
			font-size: 26rpx;
			color: #fefcfb;
			line-height: 35rpx;
		}
	}
}
</style>
